@checkbox-common-font: @general-6;
@checkbox-common-bg: @general-88;
@checkbox-common-border: @general-63;

@checkbox-disabled-font: @general-18;
@checkbox-disabled-bg: @general-88;
@checkbox-disabled-border: @general-63;

@checkbox-hover-font: @general-6;
@checkbox-hover-bg: @general-88;
@checkbox-hover-border: @general-46;

@checkbox-checked-font: @general-6;
@checkbox-checked-bg: @general-88;
@checkbox-checked-border: @general-46;

@checkbox-focus-font: @general-6;
@checkbox-focus-bg: @general-88;
@checkbox-focus-border: @general-46;

.ant-checkbox-wrapper{
  .ant-checkbox-input{
    &:focus{
      border-color: @checkbox-focus-border;
    }
  }
  .ant-checkbox-inner{
    background-color: @checkbox-common-bg;
    border-color: @checkbox-common-border;
  }
  span{
    color: @checkbox-common-font;
  }
  &:hover{
    .ant-checkbox-inner{
      border-color: @checkbox-hover-border;
    }
  }
}

.ant-checkbox-checked{
  .ant-checkbox-inner{
    &::after{
      border-color: @checkbox-checked-border;
    }
  }
}

.ant-checkbox-wrapper-disabled{
  .ant-checkbox-inner{
    border-color: @checkbox-disabled-border !important;
  }
  span{
    color: @checkbox-disabled-font;
  }
}